<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../css/yellow/header/header.css"/>
    <link rel="stylesheet" href="../../css/yellow/footer/footer.css"/>
    <link rel="stylesheet" href="../../css/yellow/base/pagebody.css"/> <!-- 存放主体部分的css样式 -->
    <link rel="stylesheet" href="../../css/yellow/base/kkpager_blue.css"/>
    <link rel="stylesheet" href="../../css/yellow/tree.css"/>
    <script src="../../js/jquery-1.11.3.js"></script>
    <script src="../../js/Chart.js"></script>
    <script src="../../js/respond.min.js"></script>
    <script src="../../js/html5shiv.min.js"></script>
    <script src="../../js/kkpager.min.js"></script>
    <script src="../../tool/My97DatePicker/WdatePicker.js"></script>
    <title>功能主页面</title>
    <script src="../../js/mens.js"></script>
    <style>
        .FontColorRed td{
            color:red;
        }
    </style>
    <script>
        $(document).ready(function(){
            var jsondata = [{id: 1, code:"2016-02-12",request:"3",expose:"74",click:"141" },
                {id: 2, code:"2016-02-12",request:"3",expose:"74",click:"141" },
                {id: 3, code:"2016-02-12",request:"3",expose:"74",click:"141" },
                {id: 4, code:"2016-02-12",request:"3",expose:"74",click:"141" },
                {id: 5, code:"2016-02-12",request:"3",expose:"74",click:"141" },
                {id: 6, code:"2016-02-12",request:"3",expose:"74",click:"141" }
            ];
            var table = $('.TablePage');
            //  alert(jsondata.length);
            var sumclick = 0;
            var sumrequest = 0;
            var sumexposure = 0;
            for (var i = 0; i < jsondata.length; i++) {
                sumclick += Number(jsondata[i].click);
                sumrequest += Number(jsondata[i].request);
                sumexposure += Number(jsondata[i].expose);
                //alert(i);
                table.append("<tr>" +
                        "<td align='center'>" +"<span class='little'></span>"+ jsondata[i].id + "</td>" +
                        "<td align='center'>"+jsondata[i].code+"</td>" +
                        "<td align='center'>" + jsondata[i].request + "</td>" +
                        "<td align='center'>" + jsondata[i].expose + "</td>" +
                        "<td align='center'>" + jsondata[i].click + "</td>" +
                        "</tr>");
            }
            var jsondata = Number(jsondata.length);
            jsondata +=1;
            //   alert(jsondata);
            table.append("<tr class='FontColorRed'>" +
                    "<td align='center'>" + jsondata + "</td>" +
                    "<td align='center'>"+"小计"+"</td>" +
                    "<td align='center'>" + sumrequest + "</td>" +
                    "<td align='center'>" +  sumexposure+ "</td>" +
                    "<td align='center'>" + sumclick + "</td>" +
                    "</tr>");
            jsonmenus(1);
        })
    </script>
    <script>
        function ClickList(a){
            if($(a).is(".icon_1")){
                $(a).removeClass('icon_1').addClass('icon_2');
                $.get('../../order.html',function(data){
                    $(a).parent().parent().after('<tr>'+'<td colspan="5" >'+data+'</td>'+'<tr>');
                })
            }else{
                $(a).removeClass('icon_2').addClass('icon_1');
                $(a).parent().parent().next().remove();
            }

        }
        function ClickStrategy(a){
            if($(a).is(".icon_1")){
                $(a).removeClass('icon_1').addClass('icon_2');
                $.get('../../strage.html',function(data){
                    $(a).parent().parent().after('<tr>'+'<td colspan="5" >'+data+'</td>'+'<tr>');
                })
            }else{
                $(a).removeClass('icon_2').addClass('icon_1');
                $(a).parent().parent().next().remove();
            }

        }
        function ClickAdver(a){
            if($(a).is(".icon_1")){
                $(a).removeClass('icon_1').addClass('icon_2');
                $.get('../../Adver.html',function(data){
                    $(a).parent().parent().after('<tr>'+'<td colspan="5" >'+data+'</td>'+'<tr>');
                })
            }else{
                $(a).removeClass('icon_2').addClass('icon_1');
                $(a).parent().parent().next().remove();
            }

        }
    </script>
</head>
<body>
<div class="DomUpBody">
    <!--页面头部 css的样式放在header.css-->
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <!--header开始-->
    <div class="header">
        <div  class="headerTopRight">
            <div class="wrap">
                <ul>
                    <li class="NEWS">
                        <a href="" class="News">消息 <span class="NewsBar">(1)</span></a>
                    </li>
                    <li class="USER">
                        <h1 class="User"><i></i>虚拟客户<b></b></h1>
                        <div class="change">
                            <a class="changePwd" onclick="shu(1)" href=""> <i></i>修改密码</a>
                            <a class="changeExit" onclick="exit(1)" href=""> <i></i>退出</a>
                        </div>
                    </li>
                    <li><a href=""  class="SDK">说明文档<i></i></a></li>
                    <li><a href="" onclick="sdk(1)" class="SDK">SDK下载<i></i></a></li>
                </ul>
            </div>
        </div>
        <div class="wrap">
            <a href=""><img src="../../img/yellow/logo.png" alt="" class="logo"/></a>
        </div>

        <div class="headerNav" id="divid">
            <ul class="nav">

            </ul>
        </div>
    </div>
    <div class="headerNavBar"></div>
    <div class="ask">
        <ul>
            <li>
                <a href=""  class="askword asked">销售咨询</a>
            </li>
            <li>
                <a href="" class="askword asked">商务咨询</a>
            </li>
            <li>
                <a href="" class="askword asked">运营咨询</a>
            </li>
            <li>
                <a href="" class="askword customAsked">客服咨询</a>
            </li>
            <li>
                <a href="" class="askword back">返回顶部</a>
            </li>
            <li>
                <button type="button" class="closeAsk">关闭</button>
            </li>
        </ul>
    </div>
    <div class="left_middle" >
        <h1 class="Title">移动导航</h1>
        <ul>
            <li><a href="">统计报表</a></li>
            <li><a href="">统计报表</a></li>
            <li><a href="">我要去三</a></li>
            <li><a href="">我要去四</a></li>
        </ul>
        <button type="button" class="closeTitle">关闭</button>
    </div>
    </body>
    <script>
        $(document).ready(function() {
            $(".nav li").hover(function() {
                $('ul', this).fadeIn("fast");
                $(this).children().addClass("hover");
                $(".headerNavBar").css({"border-top":"1px solid #c8d8e7","border-bottom":"1px solid #c8d8e7"});
            }, function() {
                $('ul', this).fadeOut("fast");
                $(this).children().removeClass("hover");
                $(".headerNavBar").css({"border-top":"1px solid #c8d8e7","border-bottom":"1px solid transparent"});
            });

            $(".nav li a b").css("display","none");
            $(".User").click(function(){
                if($(".change").css("display")=="none"){
                    $(".change").slideDown();
                }else{
                    $(".change").slideUp();
                }
            });
            $(".News").click(function(){
                if($(".NewsDeta").css("display")=="none"){
                    $(".NewsDeta").slideDown();
                }else{
                    $(".NewsDeta").slideUp();
                }
            });
            $(".closeAsk").click(function(){
                $(".ask").hide();
            });
            $(".closeTitle").click(function(){
                $(".left_middle").hide();
            });
            $(".changeExit").click(function(){
                window.location.href="../../login.html";
            })
        });
    </script>
    </html>
    <div class="DomBody" > <!--内容区样式全部放在pagebody.css-->
        <div class="wrap">
            <!--bread_nav面包屑开始-->
            <div class="DomBread_nav">
                <i></i> <a href="" class="first">报表中心</a>
                <a>> </a>
                <a href="">客户日数据报表</a>
            </div>
            <!--bread_nav面包屑结束-->
        </div> <!--面包屑（功能引栏）-->
        <!--按钮区-->
        <!--<video src="../../img/xiaoshiping.mp4" controls></video>-->
        <div class="DomSelect"> <!--查询条件区-->
            <div class="DomSelectLine">
                <p class="wrap">
                    <button type="button" class="first">查询</button>
                    <button type="button" class="last"></button>
                </p>
            </div>
            <div class="wrap">
                <table class="DomSelectTable">
                    <tr>
                        <td align="center">日期</td>
                        <td align="left">
                            <input type="text" class="Wdate SearchSelect" onfocus="WdatePicker()"/> — <input type="text" class="Wdate SearchSelect" onfocus="WdatePicker()"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" >订单</td>
                        <td>
                            <select name="" class="SearchSelect">
                                <option value="">请选择</option>
                                <option value="">项目1</option>
                                <option value="">项目2</option>
                                <option value="">项目3</option>
                            </select>
                        </td>
                        <td align="center">策略</td>
                        <td>
                            <select name="" class="SearchSelect">
                                <option value="">请选择</option>
                                <option value="">项目1</option>
                                <option value="">项目2</option>
                                <option value="">项目3</option>
                            </select>
                        </td>

                    </tr>
                    <tr>
                        <td align="center">城市</td>
                        <td><input type="checkbox" id="checkbox"/><input type="text" class="pageText"/></td>
                    </tr>
                    <tr>
                        <td align="center">广告位</td>
                        <td>
                            <input type="checkbox"/>
                            <select name="" id="" class="SearchSelect">
                                <option value="">请选择广告位</option>
                                <option value="">请选择广告位</option>
                                <option value="">请选择广告位</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4" align="center">
                            <button class="SearchButton button Searchtable">查询</button>
                            <button class="SearchButton button">下载</button>
                        </td>
                    </tr>
                </table>
            </div>
        </div><!--查询条件区-->
        <div class="DomMatter" style="border:1px solid #e4ebf1;box-shadow:0 0 10px #e4ebf1;margin-bottom:10px;margin-top:10px;background:#fff;">
            <div style="padding:6px;">当前没有查询条件</div>
        </div>
        <div class="DomMatter"><!--内容区-->
            <div class="DomPageMatter">
                <div class="TableHeader">
                    <h2 class="first">媒体统计报表</h2>
                    <a href="" class="last">下载列表</a>
                </div>
                <div class="clear"></div>
                <table cellpadding="0" cellspacing="0" style="display:none;" class="TreeTable">
                    <thead>
                    <tr>
                        <th width="25%">客户</th>
                        <th width="25%">请求数</th>
                        <th width="25%">曝光数</th>
                        <th width="25%">点击数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><span class="icon_1" id="zhangjian" onclick="ClickList(this)"></span>张建</td>
                        <td>111</td>
                        <td>55</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td><span class="icon_1" onclick="ClickList(this)"></span>刘横</td>
                        <td>233</td>
                        <td>54</td>
                        <td>21</td>
                    </tr>
                    <tr>
                        <td><span class="icon_1" onclick="ClickList(this)"></span>赵康</td>
                        <td>432</td>
                        <td>12</td>
                        <td>2</td>
                    </tr>
                    </tbody>

                </table>
                <table  style="display:none;" id="tablepagepage"  class="TablePage" border="1" bordercolor="#ddd" cellspacing="0" cellpadding="0" >
                    <thead>
                    <tr>
                        <th width="5%">序号</th>
                        <th width="20%">日期</th>
                        <th width="15%">请求数</th>
                        <th width="15%">曝光数</th>
                        <th width="15%">点击数</th>
                    </tr>
                    </thead>
                </table>
                <div class="wrap">

                    <div id="kkpager">
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!--页面尾部 footer.css-->
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="footer">
    <div class="link">
        <a href="#">关于我们</a>
        <a href="">|</a>
        <a href="#">联系我们</a>
        <a href="">|</a>
        <a href="#">服务条款</a>
        <a href="">|</a>
        <a href="#">隐私政策</a>
        <a href="">|</a>
        <a href="#">常见问题</a>
        <a href="">京ICP备05032905号</a>
    </div>
</div>
</body>
</html>
<!-- 页面尾部结束-->
</body>
<script>
    $(document).ready(function(){
//        //        黑背景开始
//        var UpHeight=$(".DomUpBody").outerHeight(true);
//        var Height=$(".DomBody").outerHeight(true);
//        var windowc=$(window).height();
//        if(Height>windowc-140){
//            $(".DomBody").outerHeight(Height);
//            alert(0);
//        }else{
//            $(".DomBody").outerHeight(UpHeight+140-Height);
//            alert(1);
//        }
////        黑背景结束
        $(".Searchtable").click(function(){
            if($("#checkbox").prop("checked")){
                $(".TreeTable").css("display",'block');
                $("#tablepagepage").css("display","none");
            }
            else{
                $(".TreeTable").css("display",'none');
                $("#tablepagepage").css("display","block");
            }
        });
        $(".last").click(function(){
            if($(".DomSelectTable").css("display")=="none"){
                $(".DomSelectTable").show();
            }else{
                $(".DomSelectTable").hide();
            }
        });
        function getParameter(name) {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r!=null) return unescape(r[2]); return null;
        }

        //init
        $(function(){
            var totalPage = 20;
            var totalRecords = 390;
            var pageNo = getParameter('pno');
            if(!pageNo){
                pageNo = 1;
            }
            //生成分页
            //有些参数是可选的，比如lang，若不传有默认值
            kkpager.generPageHtml({
                pno : pageNo,
                //总页码
                total : totalPage,
                //总数据条数
                totalRecords : totalRecords,
                //链接前部
                hrefFormer : 'pager_test',
                //链接尾部
                hrefLatter : '.html',
                getLink : function(n){
                    return this.hrefFormer + this.hrefLatter + "?pno="+n;
                }
                /*
                 ,lang				: {
                 firstPageText			: '首页',
                 firstPageTipText		: '首页',
                 lastPageText			: '尾页',
                 lastPageTipText			: '尾页',
                 prePageText				: '上一页',
                 prePageTipText			: '上一页',
                 nextPageText			: '下一页',
                 nextPageTipText			: '下一页',
                 totalPageBeforeText		: '共',
                 totalPageAfterText		: '页',
                 currPageBeforeText		: '当前第',
                 currPageAfterText		: '页',
                 totalInfoSplitStr		: '/',
                 totalRecordsBeforeText	: '共',
                 totalRecordsAfterText	: '条数据',
                 gopageBeforeText		: '&nbsp;转到',
                 gopageButtonOkText		: '确定',
                 gopageAfterText			: '页',
                 buttonTipBeforeText		: '第',
                 buttonTipAfterText		: '页'
                 }*/

                //,
                //mode : 'click',//默认值是link，可选link或者click
                //click : function(n){
                //	this.selectPage(n);
                //  return false;
                //}
            });
        });
    })

</script>
<!--隔行变色开始-->
<script>
    $(document).ready(function(){
        $(".TablePage tr:even,.TableView tr:even,.TableEdit tr:even").css("background","#f9f9f9");
        $(".TablePage tr,.TableView tr,.TableEdit tr").hover(function(){
            $('td,td a',this).css("color","#3384d5");
            $('.little',this).css("background","red");
        },function(){
            $('.little',this).css("background","green");
            $('td,td a',this).css("color","#000");
        })
    })
</script>
<!--隔行变色结束-->
<!--select框的自定义开始-->

<!--select框的自定义结束-->
</html>